import React from 'react';
import { Icon } from './base';

/**
 * &#xe631; 折叠展开
 *
 * @export
 * @class IconCollapse
 * @extends {Icon}
 */
export default class IconCollapse extends Icon {
    render() {
        const { color, className, style } = this.props;

        const { width, height } = this.getSize();

        return (
            <svg viewBox="0 0 1024 1024" width={width} height={height} style={style} className={className}>
                <path
                    fill={color}
                    d="M218.847334 416.283008c51.827389 0 93.843318 42.014906 93.843318 93.843318s-42.014906 93.843318-93.843318 93.843318-93.843318-42.014906-93.843318-93.843318S167.018921 416.283008 218.847334 416.283008z"
                />
                <path
                    fill={color}
                    d="M510.803755 416.283008c51.827389 0 93.843318 42.014906 93.843318 93.843318s-42.014906 93.843318-93.843318 93.843318-93.843318-42.014906-93.843318-93.843318S458.975343 416.283008 510.803755 416.283008z"
                />
                <path
                    fill={color}
                    d="M510.803755 416.283008c51.827389 0 93.843318 42.014906 93.843318 93.843318s-42.014906 93.843318-93.843318 93.843318-93.843318-42.014906-93.843318-93.843318S458.975343 416.283008 510.803755 416.283008z"
                />
                <path
                    fill={color}
                    d="M802.760177 416.283008c51.827389 0 93.843318 42.014906 93.843318 93.843318s-42.014906 93.843318-93.843318 93.843318-93.843318-42.014906-93.843318-93.843318S750.932788 416.283008 802.760177 416.283008z"
                />
            </svg>
        );
    }
}
